<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>YinliAI Assistant</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="container">
    <!-- 登录部分 -->
    <div class="login-section">
      <button class="login-button">
        <img src="images/avatar.png" class="avatar-icon" alt="avatar">
        <span>点击登录</span>
      </button>
    </div>

    <!-- 探索部分 -->
    <div class="section">
      <h3>探索</h3>
      <div class="setting-item">
        <div class="setting-label">探索快捷键（支持划线与截图）</div>
        <div class="setting-value">未设置</div>
      </div>
      <div class="setting-item">
        <div class="setting-label">划线后显示快捷按钮</div>
        <div class="setting-toggle">
          <input type="checkbox" id="showButtons" class="toggle-input">
          <label for="showButtons" class="toggle-label"></label>
        </div>
      </div>
      <div class="setting-item">
        <div class="setting-label">保留文字下划线</div>
        <div class="setting-toggle">
          <input type="checkbox" id="keepUnderline" class="toggle-input">
          <label for="keepUnderline" class="toggle-label"></label>
        </div>
      </div>
    </div>

    <!-- 对话部分 -->
    <div class="section">
      <h3>对话</h3>
      <div class="setting-item">
        <div class="setting-label">对话快捷键</div>
        <div class="setting-value">未设置</div>
      </div>
      <div class="setting-item">
        <div class="setting-label">打开悬浮按钮</div>
        <div class="setting-toggle">
          <input type="checkbox" id="floatButton" class="toggle-input">
          <label for="floatButton" class="toggle-label"></label>
        </div>
      </div>
      <div class="setting-item">
        <div class="setting-label">窗口显示方式</div>
        <select class="window-style">
          <option value="float">全局窗口</option>
          <option value="dialog">侧边栏</option>
        </select>
      </div>
    </div>

    <!-- 访问按钮 -->
    <div class="visit-button">
      <button class="visit-yinliai">
        <img src="images/home.png" alt="home" class="home-icon">
        访问 YinliAI
      </button>
    </div>
  </div>
  <script src="popup.js"></script>
</body>
</html> 